import { formatDate } from './common-esm.js';

let divNow = document.getElementById('divNow');
divNow.innerHTML = formatDate(new Date());

// json数据格式，现今最主流的数据传输格式，js内置对json支持
/* 
  alt + shift + a
  格式1
  {
    key:值,
    key2:值2,
    ...
  }
  格式2（数组）
  [值1,值2...]

  值的类型是任意，包括json自己
*/

let user = {
  username: '黑暗骑士',
  password: 'huhuiyu',
  uid: 100,
};

let divUser = document.getElementById('divUser');
divUser.innerHTML = `${user.username}(${user.uid})`;

// json套娃效果
let employee = {
  ename: '张三',
  salay: 5000,
  dept: {
    dname: '开发部',
    area: [1, 3, 6],
  },
};

console.log('员工部门：', employee.dept);

let menus = [
  {
    title: '黑暗骑士的网站',
    href: 'https://huhuiyu.top',
  },
  {
    title: 'b站',
    href: 'https://bilibili.com',
  },
];

let divMenu = document.getElementById('divMenu');

// 通过json数据循环生成超链接列表
// <a href="网站地址">网站描述</a>
for (let i = 0; i < menus.length; i++) {
  let m = menus[i];

  let a = document.createElement('a');
  a.append(m.title);
  a.setAttribute('href', m.href);

  divMenu.append(a);
}
